<template>
 <div class="detailContent">
     <p class="detailName">{{ detailContent.name }}</p>
     <div class="summary">
         <p class="content">{{ detailContent.briefDesc }}</p>    
     </div>
 </div>
</template>

<script>

export default({
    name:'DetailContent',
    props:{
        detailContent:{
            type:Object,
            dafault(){
                return {}
            }
        }
    }
})

</script>

<style scopd>
    .detailName{
        font-size: 15px;
        font-weight: 700;
        color:red;
    }
    .summary{
        width: 100%;
        height: 57px;
        border: 1px solid red;
        overflow: scroll;
    }
</style>
